{{#if model.hasMembers}}
  {{#each model.memberGroupIds as |gid|}}

  {{#linked-block
    "vault.cluster.access.identity.show"
    "groups"
    gid
    details
    class="box is-sideless is-marginless"
  }}
    <div class="columns is-mobile">
      <div class="column is-10">
        <a href={{href-to "vault.cluster.access.identity.show" "groups" gid "details" }}
          class="is-block has-text-black has-text-weight-semibold"
          >{{i-con
            glyph='folder'
            size=14
            class="has-text-grey-light"
            }}{{gid}}</a>
      </div>
      <div class="column has-text-right">
        {{#if model.canEdit}}
          {{identity/popup-members params=(array model "memberGroupIds" gid)}}
        {{/if}}
      </div>
    </div>
    {{/linked-block}}
  {{/each}}
  {{#each model.memberEntityIds as |gid|}}
    {{#linked-block
      "vault.cluster.access.identity.show"
      "groups"
      gid
      details
      class="box is-sideless is-marginless"
    }}
      <div class="columns">
        <div class="column is-10">
          <a href={{href-to "vault.cluster.access.identity.show" "entities" gid "details" }}
            class="is-block has-text-black has-text-weight-semibold"
            >{{i-con
              glyph='role'
              size=14
              class="has-text-grey-light"
              }}{{gid}}</a>
        </div>
        <div class="column has-text-right">
          {{#if model.canEdit}}
            {{identity/popup-members params=(array model "memberEntityIds" gid)}}
          {{/if}}
        </div>
      </div>
    {{/linked-block}}
  {{/each}}
{{else}}
  <div class="box is-bottomless has-background-white-bis">
    <div class="columns is-centered">
      <div class="column is-half has-text-centered">
        <div class="box is-shadowless has-background-white-bis">
          <p class="has-text-grey">
            There are no members in this group.
          </p>
        </div>
      </div>
    </div>
  </div>
{{/if}}
